<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星途影视</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!--HEADER-->
    <div id="header">
        <p class="header-content">星途影视</p>
    </div>
    <!--LOGO @ USER-->
    <div id="logoBox">
        <div class="logo">LOGO</div>
        <div class="user-img" style="width: 2rem;line-height:0.7rem;font-size: 0.3rem;overflow: hidden">
            啦啦啦啦啦啦啦
        </div>
        <!--注册登录 begin-->
        <!--<div class="login-text"><a href="login.html">登录</a> / <a href="#">注册</a></div>-->
        <!--注册登录 end-->
    </div>
    <div id="ad-box">
        <img src="img/slider-img.png" alt="">
    </div>
    <!--NAV-->
    <div id="nav">
        <div class="nav-item">
            <a href="">
                <div class="nav-item-icon"></div>
                <div class="nav-item-text">立即投资</div>
            </a>
        </div>
        <div class="nav-item">
            <a href="">
                <div class="nav-item-icon"></div>
                <div class="nav-item-text">投资抽奖</div>
            </a>
        </div>
        <div class="nav-item">
            <a href="">
                <div class="nav-item-icon"></div>
                <div class="nav-item-text">APP下载</div>
            </a>
        </div>
        <div class="nav-item">
            <a href="">
                <div class="nav-item-icon"></div>
                <div class="nav-item-text">签到</div>
            </a>
        </div>
    </div>
    <!--NOTICE-->
    <div id="notice">
        <ul class="notice-items">
            <li><a href="#">官方公告1</a></li>
            <li><a href="#">官方公告2</a></li>
            <li><a href="#">官方公告3</a></li>
        </ul>
    </div>
    <!--INVEST ITEM-->
    <div id="invest-box">
        <div class="invest-item">
            <div class="invest-item-img" style="background:url('img/ad01.png') no-repeat center center/cover;">

            </div>
            <div class="invest-item-title">《忠犬大营救》</div>
            <div class="invest-item-cycle invest-item-style">项目周期：<span class="invest-item-cycle-data">7个自然日</span></div>
            <div class="invest-item-style"><span class="invest-item-point">10000</span>元起投 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;收益率<span class="invest-item-profit">1.38%</span></div>
            <div class="invest-item-style">项目规模：<span class="invest-item-scale">3600万元</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;按日付利息，到期还本</div>
            <div class="invest-item-progressBar">
                <div class="invest-item-progressBar-child"></div>
            </div><!--进度条-->
            <div class="invest-item-bottm">
                <span class="invest-item-rate">12.67%</span>
                <a href="#" class="invest-item-btn">立即投资</a>
            </div>
        </div>
#        <div class="invest-item">
            <div class="invest-item-img" style="background:url('img/vip-bg.png')center center/cover no-repeat;"></div>
            <div class="invest-item-title">《忠犬大营救》</div>
            <div class="invest-item-cycle invest-item-style">项目周期：<span class="invest-item-cycle-data">7个自然日</span></div>
            <div class="invest-item-style"><span class="invest-item-point">10000</span>元起投 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;收益率<span class="invest-item-profit">1.38%</span></div>
            <div class="invest-item-style">项目规模：<span class="invest-item-scale">3600万元</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;按日付利息，到期还本</div>
            <div class="invest-item-progressBar">
                <div class="invest-item-progressBar-child"></div>
            </div><!--进度条-->
            <div class="invest-item-bottm">
                <span class="invest-item-rate">60%</span>
                <a href="#" class="invest-item-btn">立即投资</a>
            </div>
        </div>
    </div>
    <div style="margin-bottom: 1.2rem;"></div>
    <!--TOOLBAR-->
    <div id="footer-bar">
        <div class="fbar-item active">
            <a href="index.html">
                <div class="fbar-item-icon" style="background: url('img/icon-index-active.png') no-repeat center center;background-size:0.6rem 0.6rem;"></div>
                <div class="fbar-item-text">首页</div>
            </a>
        </div>
        <div class="fbar-item">
            <a href="invest.html">
                <div class="fbar-item-icon"></div>
                <div class="fbar-item-text">我要投资</div>
            </a>
        </div>
        <div class="fbar-item">
            <a href="vip.html">
                <div class="fbar-item-icon"></div>
                <div class="fbar-item-text">会员中心</div>
            </a>
        </div>
        <div class="fbar-item">
            <a href="aboutus.html">
                <div class="fbar-item-icon"></div>
                <div class="fbar-item-text">关于我们</div>
            </a>
        </div>
        <div class="fbar-item">
            <a href="">
                <div class="fbar-item-icon"></div>
                <div class="fbar-item-text">在线客服</div>
            </a>
        </div>
    </div>

    <script src="js/fontSize.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="js/main.js"></script>
</body>
</html>